/*
    Document   : sede
    Created on : 16/09/2011, 10:15:55 AM
    Description:
        Purpose of the stylesheet follows.
*/

/* Importamos el css para las ventanas emergentes */
@import url("pop.css");
/* Importamos el css para los calendarios y otros elementos que trabajen con el UI de jquery */
@import url("Jquery/smoothness/jquery-ui-1.8.15.custom.css");
/* Importamos el css para el plugin del timepicker de jquery */
@import url("jquery.ptTimeSelect.css");

/* Elimina la linea punteada de los links*/
a:hover, a:active, a:focus, a {
     outline: 0px;
}

img{
     border: 0px;
}

a{
     text-decoration: none;
}
a.a, a.a:visited{
    color: black;
}
* {
     font-family: arial;
     font-size: 13px;
     margin: 0;
     padding: 0;
}

html, body {
     height: 100%;
}

header, footer, aside, nav, article, section{
     display: block;
}

header {
     height: 35px;
     min-width: 1000px;
     color: #fff;
     font-size: 18px;
     font-weight: bold;
     font-family: arial;
     text-align: center;
     text-shadow: -1px 1px 0px #000;
     background-color: #343434;
     background: -moz-linear-gradient(top,  #006600, #003300 );
     -moz-box-shadow: 0px 1px 2px #8d8d8d;
     box-shadow: 0px 1px 2px #8d8d8d;
     font-size: 17px;
     text-transform: uppercase;
}

header h1 {
     width: 1000px;
     padding-top: 8px;
     margin: 0 auto;
     font-size: 15px;
     text-align: left;
     text-transform: uppercase;
}

article {
     /*     border: solid #BDBDBD 1px;*/
     /*     -moz-border-radius: 5px;*/
     /*     -moz-box-shadow: inset 5px 0px 6px -7px #8d8d8d;*/
     padding: 1px 10px 0px 15px;
}

aside {
     width: 160px;
     min-height: 100%;
     height: 100%;
     float: left;
     display: inline;
     /*     border-right: solid #BDBDBD 1px;*/
     background: url(../img/sede/Logo_Inpsasel.png) no-repeat ;
     background-color: #FFF;
     padding: 5px;
}

aside>label{
     margin-top: 160px;
     float: left;
     font-family: times, Times New Roman, times-roman, georgia, serif;
     font-size: 14px;
     line-height: 20px;
     text-transform: uppercase;
     color: #444;
     text-align: center;
}

footer {
     height: 70px;
     background-color: black;
     height: 80px;
     min-height: 80px;
     min-width: 1000px;
     width: 100%;
     border-top: solid #BDBDBD 1px;
     background: -moz-linear-gradient(top,  #EAEAEA,  white);
     text-align: center;
     text-shadow: 0px 1px 0px #fff;
     padding-top: 10px;
     color: #616161;
     float: left;
     display: block;
}

/* Inputs */
input{
     border: solid #B3B3B3 1px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     padding: 3px;
}

hr{
     border: solid #376B3A 1px;
}

*
[type=text],select,[type=password],textarea{
     padding: 5px;
     font-size: 12.5px;
     outline: none;
     background: -moz-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(247,247,247,0) 60%, rgba(255,255,255,0) 100%); /* FF3.6+ */
     -moz-border-radius: 3px;
     border-radius: 3px;
     border: 1px solid #ADADAD;
     -moz-box-shadow: 1px 1px 0px #efefef;
     box-shadow: 1px 1px 0px #efefef;
     background-color: white;
     
     max-width: 500px;
}

[type=text]:focus,[type=password]:focus,textarea:focus,[type=password]:focus {
     -moz-box-shadow: inset 0px -0px 4px #aaccee;
     box-shadow: inset 0px -0px 4px #aaccee;
     border: 1px solid #6699cc;
}

/* Template*/

#wrapper {
     min-height: 100%;
     height: auto !important;
     height: 100%;
     margin: 0 auto -92px;
     background-color: #fff;
}

#cuerpo {
     min-height: 100%;
     height: 100%;
     text-align: center;
     width: 780px;
     margin: 0 auto;
     min-width: 1000px;
     padding-top: 3px;
}

section #content {
     padding: 10px;
     width: 800px;
     min-height: 532px;
     display: block;
     float: left;
     margin-left: 10px;
     text-align: justify;
     -moz-box-shadow: inset 7px 0px 6px -7px #8d8d8d;
     box-shadow: inset 7px 0px 6px -7px #8d8d8d;
}

#sistemas{
     font-family: arial;
     width: 100%;
     text-align: left;
     list-style: none;
     margin-right: -20px;
}

#sistemas li{
     padding: 5px;
     font-size: 24px;
     line-height: 20px;
     color: #404040;
     border-radius: 2px;
     margin-left: 20px;
}

#sistemas li:hover{
     width: 100%;
     padding: 5px;
     font-size: 24px;
     line-height: 20px;
     color: #404040;
     border-radius: 2px;
     box-shadow: 3px 1px 3px #9A9A9A;
     margin-left: 20px;
     cursor: pointer;
     background: url(../img/sede/previous.png) no-repeat right ;
     padding-right: 10px;
}

#sistemas a{
     text-decoration: none;
     color: #326CAC;
}

#menu{
     height: 520px;
     text-align: center;
     width: 800px;
     overflow-x: hidden;
}

#menu a span{

     padding: 15px;
     padding-left: 35px;
     text-decoration: none;
     font-family: arial;
     font-size: 16px;
     color: #1D1D1D;
     border-radius: 5px;
     font-weight: bold;
     display: inline-block;
     margin-top: 5px;
     width: 43%;
     background: #CACACA -moz-linear-gradient(white,#E8E8E8);
     border: solid #A7A7A7 1px;
     text-align: left;
}

#menu a span:hover{
     color: #1F1F1F;
     -moz-box-shadow: inset 0px 0px 4px 2px #9A9A9A;
     box-shadow: inset 0px 0px 4px 2px #9A9A9A;
}

#menu a span img{
     position: relative;
     float: left;
     margin-left: -25px;
}

#diresats{
     width: 250px;
     height: 350px;
}

#diresats span{
     font-size: 16px;
     padding: 5px;
     width: 230px;
     display: inline-block;
     margin-top: 2px;
     margin-right: 2px;
}

#diresats span:hover{

     border: solid #9E9E9E 1px;
     -moz-border-radius:5px;
     border-radius:5px;
     background: url(../img/sede/finished-work.png) no-repeat right;
}

#perfil{
     font-family: arial;
     margin-left: -8px;
     margin-top: 280px;
     width: 100%;
     text-align: left;
     padding: 5px;
     font-size: 16px;
     line-height: 27px;
     color: #464646;
     background-image: -moz-linear-gradient(white,#E8E8E8);
     -moz-border-radius: 5px;
     border-radius: 5px;
     border: solid white 2px;
     -moz-box-shadow: 0px 0px 5px 3px #C5C5C5;
     box-shadow: 0px 0px 5px 3px #C5C5C5;
}

#perfil li{
     margin-left: 25px;
}

.flash {
     width: 660px;
     margin: 0 auto;
     -moz-box-shadow: 2px 3px 3px #777;
     -moz-border-radius: 5px;
     box-shadow: 2px 3px 3px #777;
     border-radius: 5px;
}

.box{
     background: white;
     border: solid #4A4A4A 1px;
     width: 720px;

     margin: 0 auto;
     -moz-border-radius: 5px;
     -moz-box-shadow: 2px 3px 3px #777;
     border-radius: 5px;
     box-shadow: 2px 3px 3px #777;
}

/* Tablas */

table thead tr td{
     background-color: #950000;
     background: -moz-linear-gradient(top,  #006600, #003300 );
     color: white;
     padding: 3px;
     font-weight: bold;
}

table.zebra tbody tr:nth-child(2n+1) {
     background-color: #f1f8f9;
}

table td.titulo{
     background: #3C6AD0;
     color: white;
     text-align: right;
     text-shadow: 0px 1px 1px #000;
}

.bgtransparent{
     position:fixed;
     left:0;
     top:0;
     background-color:#000;
     opacity:0.6;
     filter:alpha(opacity=60);
}

.bgmodal{
     position:fixed;
     font-family:arial;
     font-size:18px;
     border:0.05em solid black;
     overflow:auto;
     background-color:#fff;
     padding: 5px;
     padding-left: 8px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     display: none;
     text-align: justify;
}
.bgmodal h1{
     background: #3C6AD0;
     color:  white;
     padding: 5px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     text-shadow: 0px 1px 1px #000;
}

.bgmodal p{
     text-indent: 40px;
     line-height: 20px;
}

.label-button{
     color: #CC6D33;
     cursor: pointer;
}


/* Formularios */

#content form fieldset, .fieldset
{
     margin:5px auto;
     padding:10px;
     border:1px solid #ADADAD;
     -moz-border-radius: 5px;
     border-radius: 5px;
     text-shadow: 0px 1px 0px #ccc;
     background-color: #fff;
}

.clear-fieldset{
     border: 0px;
}

form legend
{
     font:12px arial;
     text-transform:uppercase;
     color:#555;
     text-shadow:1px 1px 1px #fff;
     font-weight:bold;
     padding:0 5px 0 5px;
     margin:0;
}

form table td
{
     font:12px Tahoma,sans-serif;
     text-transform:uppercase;
     color:#2F2F2F;
     padding:0 5px 0 5px;
     margin:10px 0;
     height: 22px;
}
/*
form table tr:nth-child(2n+1) {
     vertical-align: bottom;
}

form table tr:nth-child(2n+2) {
     vertical-align: top;
}
*/
form dt
{
     margin-bottom:2px;
}

form dd
{
     margin-bottom:15px;
}

form dt label
{
     cursor:pointer;
     font:11px Tahoma,sans-serif;
     font-weight:bold;
     color:#555;
}

form p
{
     clear:left;
     margin-bottom:0;
     padding:5px 0;
     width:100%;
}

form p label
{
     display:block;
     float:left;
     cursor:pointer;
     font:11px Tahoma,sans-serif;
     font-weight:bold;
     color:#555;
     width:100px;
     vertical-align:middle;
     padding:5px;
     text-align:right;
     margin-right:10px;
}

form p small
{
     display:block;
     margin:0 10px 0 120px;
     font-size:10px;
     color:#aaa;
}

dl.inline dt
{
     clear:both;
     width:25%;
     float:left;
     text-align:right;
}

dl.inline dt label
{
     margin-right:12px;
}

dl.inline dd
{
     float:left;
     width:75%;
     margin:0 0 15px;
}

dl dd small
{
     display:block;
     font-size:11px;
     color:#aaa;
}

form table tbody tr td label {
     font: 11px Tahoma,sans-serif;
}


/* Botones */

[type=button],[type=submit], button{
     background-image: -moz-linear-gradient(white,#E8E8E8);
}

[type=button].red,[type=submit].red, button.red{
     background-image: -moz-linear-gradient(#C65252,#CB1F1F);
     color: white;
     border: solid #950000 1px;
}



#datagrid table tr{
     height: 22px;
}

#datagrid table thead {
     background-image: -moz-linear-gradient(#009900,#006600);
     color: #fff;
     text-align: center;
     text-shadow: 0px 1px 0px #000;
}

#datagrid table tbody tr:nth-child(2n+1) {
     background-color: #f8f8f9;
}

#datagrid table tbody tr:hover {
     background-color: #eef5fc;
}

#datagrid .paginator
{
     font:11px Tahoma,sans-serif;
     margin:7px 0;
     text-align:right;
}

#datagrid .paginator strong
{
     padding:4px 7px;
     background:#f0f0f0;
     border:1px solid #777;
}

#datagrid .paginator a
{
     padding:4px 7px;
     color:#333;
     background:#f0f0f0;
     margin:0;
     border:1px solid #e4e4e4;
     text-decoration: none;
}

#datagrid .paginator a.current
{
     font-weight:bold;
     color:#fff;
     background:#555;
     border:1px solid #555;
}

#datagrid .paginator a:hover
{
     color:#fff;
     background:#777;
     border:1px solid #777;
}

.menu-maestro li{    
	 text-align: center;
	 text-shadow: 1px 1px 2px #fff; 
	 margin-bottom: 15px; 
     font-size: 18px;
     padding: 10px;     
     border-bottom: solid #737373 1px;     
     box-shadow: 1px 1px 2px #000;
     list-style-image: url("../img/sede/advanced.png");
     margin-left: 140px;
     border-radius: 5px;
}

.menu-maestro ul li:hover{
	 box-shadow: 1px 1px 2px green;	 
     background: url("../img/sede/background.png");
     border-bottom: solid green 1px;
     border-right: solid green 1px;
}

.menu-maestro li a{
     text-decoration: none;
     margin-left: -10px;
}

.menu-maestro li a span{
     font-size: 18px;
     color: #242424;
     width: 100%;
     padding: 10px;
     padding-right: 650px;
     font-weight: bold;
}

.datos thead td{
     background-image: -moz-linear-gradient(#006600,#024502);
     padding: 5px;
     font-size: 14px;
}

table.datos{
     width: 100%;
     text-transform: uppercase;
}

table.datos td{
     padding: 5px;
     text-transform: uppercase;
}

table.datos a{
     color: #2E2E2E;
     text-decoration: none;
}
table.datos a:hover{
     text-shadow: 1px 1px 2px #42CA00;
}

.hoverRojo:hover{
     background-image: -moz-linear-gradient(#FFC9C9,#FE8D8D);
     cursor: pointer;
}

.hoverVerde:hover{
     background-image: -moz-linear-gradient(#E1FFE1,#BDFBBD);
     cursor: pointer;
}

.hoverAzul:hover{
     background-image: -moz-linear-gradient(#CBE8FF,#96D1FF);
     cursor: pointer;
}

.listaResultado ul {
     padding: 5px 15px;
}

.listaResultado .tboton
{
     font:11px Tahoma,sans-serif;
     margin:7px 0;
     text-align:center;
}

.listaResultado .tboton a
{
     padding:4px 7px;
     color:#333;
     font:11px Tahoma,sans-serif;
     background:#ddf8d0;
     margin:0;
     border:1px solid #e4e4e4;
     text-decoration: none;
}

.listaResultado .tboton a:hover
{
     color:#fff;
     background:#015a01;
     border:1px solid #777;
}

.listaResultado .tboton a.bgred
{
     background: #FFC9C9;
}

.listaResultado .tboton a.bgred:hover
{
     background: #950000;
}

.caja{
     border: solid #2B2B2B 1px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     padding: 5px;
     background-color: #E5E5E5;

}

#checktree, .checktree {
     border: 0px;
     padding-left: 15px;
}

#checktree label,.checktree label {
     margin-left: 5px;
}

#checktree li,.checktree li {
     padding-left: 20px;
     margin: 10px;
}

/**
 ** Styling Button Links
 **/
a.button-link{
    padding: 5px 10px;
    background: #73ab44;
    color: #FFF;
    border: solid 1px #618d20;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-user-select:none;
    user-select:none;
}
a.button-link:hover {
    background: #5b9435;
    border: solid 1px #49772a;
    text-decoration: none;
}
a.button-link:active{
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #56812e;
    border: solid 1px #455f20;
}
a.button-link img{
vertical-align: bottom
}

.fieldset-right{
    float: right;
    border: solid gray 1px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;    
}

.fieldset-right-list li{
    list-style-type: none;
    background-color: white;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
    margin-top: 5px;
}

fieldset.float-accion{
    text-align: right;
    width: 130px;
    position: fixed;
    z-index: 1;
    right: 10px;
    background-color: #E3E3E3 !important; 
    top: -20px;
    -moz-box-shadow: 0px 0px 2px #616161;
    box-shadow: 0px 0px 2px #616161;
}

table.mostrar-datos{
    border-collapse: collapse;
}

.mostrar-datos td{
    padding: 3px;
}

.mostrar-datos th{
    background-color: #EAEAEA;
    border: solid #A7A7A7 1px;
    padding: 3px;
}